html, body, table.full {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;            
    border-collapse: collapse;
    font-family: sans-serif;
    font-size: medium;
    background: #F9F9F9;
}

td.title {
    height: 30px;
    padding: 5px;
}

td.footer {
    height: 30px;
    padding: 5px;    
}

td.content {
    padding: 5px;    
    vertical-align: top;
}

div.title {
    background: #41b2ea; /* Old browsers */
    background: -moz-linear-gradient(top, #41b2ea 0%, #2c539e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41b2ea), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #41b2ea 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #41b2ea 0%,#2c539e 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #41b2ea 0%,#2c539e 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b2ea', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #41b2ea 0%,#2c539e 100%); /* W3C */    
    color: white;
    font-weight: bold;
    font-size: x-large;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}

div.footer {
    font-size: smaller;
    background-color: #DEE8F2;
    border-radius: 10px;
    -moz-border-radius: 10px;    
    padding: 5px;
}

div.item-list {
    background-color: #EEEEEE;
    height: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;    
    padding: 5px;
}

div.item-list-header {
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-weight: bold;
    padding: 5px;
}

div.item-list-content {

}

div.item-list-footer {

}

div.imaginarium {
    background-color: #1191db;
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    border: 2px solid #AAAAAA;    
}

div.character {
    background: #356aa0; /* Old browsers */
    background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356aa0), color-stop(100%,#356aa0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #356aa0 0%,#356aa0 100%); /* W3C */
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    border: 2px solid #AAAAAA;    
}

div.random_idea {
    background: #eab92d; /* Old browsers */
    background: -moz-linear-gradient(top, #eab92d 0%, #c79810 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eab92d), color-stop(100%,#c79810)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eab92d 0%,#c79810 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eab92d 0%,#c79810 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #eab92d 0%,#c79810 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #eab92d 0%,#c79810 100%); /* W3C */
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    border: 2px solid #AAAAAA;    
}

div.content {
    background: white;
    color: black;
    border: 2px solid #AAAAAA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    margin: 3px;
}

div.small-item-container {
    background: white;
    color: black;
    border: 2px solid #AAAAAA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    margin: 5px;    
}

div.small-item-title {
    font-weight: bold;
    margin-bottom: 3px;
    border-bottom: 1px dotted #AAAAAA;
}

div.small-item-section {
    font-weight: bold;
    font-size: smaller;
    font-style: italic;
    margin-bottom: 3px;
}

span.iconic-item {
    display: inline-block; 
    width: 200px; 
    text-align: center; 
    margin: 3px; 
    padding: 3px;    
    border: 2px solid white;
    cursor: pointer;
}

span.iconic-item:hover {
    border: 2px solid #AAAAAA;
    border-radius: 10px;
    -moz-border-radius: 10px;    
}

img {
    border: none;
    vertical-align: middle;
}

a.tooltip {
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color:black !important; /* forzar color del texto */
    font-weight:bold !important; /* forzar negritas */
}

a.tooltip:hover {
    z-index:999; /* va a estar por encima de todo */
}

a.tooltip span.tooltip {
    display: none; /* el elemento va a estar oculto */
}

a.tooltip:hover span.tooltip {
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #0080C0; /* el color de fondo por defecto */
    border: 2px solid #aaaaaa;
    color: #FFFFFF; /* el color de los textos por defecto */
}